<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3 Weeks 3 Pages -- Week1 </title>
  <link rel="stylesheet" type="text/css" href="css/week1.css">
</head>
<body>
<div class="header">
  <a class="logo">Shapely Demo</a>
  <div class="functional_components">

    <div class="right_menu">
      <ul>
        <li><a>HOME</a></li>
        <li><a>BLOG</a></li>
        <li><a>PORTFOLIO</a></li>
        <li><a>SHOP</a></li>
        <li><img class="search" src="images/search-icon.png"/></li>
      </ul>
    </div>

  </div>
</div>
<div class="main">
  <section class="content">
    <h1>We Change Every Thing</h1>
    <h2>Word Press</h2>
    <h3>there is wordPress themes</h3>
    <div class="btn_box">
      <button class="download">DOWNLOAD NOW</button>
      <button class="readMore">READ MORE</button>
    </div>
  </section>
  <section class="seo-info">
    <div class="left">
      <img src="images/flexible-preview.png"/>
    </div>
    <div class="right">
      <div class="title">SEO Friendly</div>
      <div class="description">描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述
        信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息信息描述信息描述
        信息描述信息描述信息描述信息描述信息描述信息描
        述信息描述信息描述信息信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息
      </div>
      <div class="seo-btn">
         <button>READ NME</button>
      </div>
    </div>
  </section>
  <section class="port-info">
    <div class="left">
      <div class="title">PORT TITLE</div>
      <div class="description">描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述
        信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息信息描述信息描述
        信息描述信息描述信息描述信息描述信息描述信息描
        述信息描述信息描述信息信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息
      </div>
      <div class="port-btn">
        <button>SEE IT IN ACTION</button>
      </div>
    </div>
    <div class="right">
      <img src="images/flexible-portfolio.png"/>
    </div>
  </section>
</div>
<footer class="footer">
  <div class="copyright">copyright copyright copyright</div>
  <ul class="friend-link">
    <li>F</li>
    <li>B</li>
    <li>IN</li>
    <li>YOU</li>
    <li>INS</li>
  </ul>
</footer>
</body>
</html>